<template>
	<div id="app">
		<router-view />
		<theme-picker />
	</div>
</template>

<script>
	import ThemePicker from "@/components/ThemePicker";
	import {
		mapMutations
	} from 'vuex';
	export default {
		name: "App",
		components: {
			ThemePicker
		},
		metaInfo() {
			return {
				title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
				titleTemplate: title => {
					return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
				}
			}
		},
		computed: {
			//设备绑定状态
			bindStatus() {
				return this.$store.getters.onEvent('bindStatus');
			},
		},
		watch: {
			bindStatus: {
				handler(newValue, oldValue) {
					if (newValue && newValue != oldValue) {}
				},
				immediate: true, //初始化时让handler调用一下
				deep: true // 开启深度监听
			}
		},
		mounted() {
			
		},
		methods: {
			...mapMutations(['RABBITMQ_INIT']),
		}
	};
</script>
<style scoped>
	#app .theme-picker {
		display: none;
	}
</style>